@charset "utf-8";
/* CSS Document */

h1{
padding-left:150px;
}

#for{
margin: 0px auto;
width:400px;
border:solid 1px;
margin-top:200px;
box-shadow:5px 5px 5px #000000;
}

#mensaje{margin-left:100px;}

#reg{
margin: 0px auto;
margin-top:50px;
border:solid 1px;
width:500px;
box-shadow:5px 5px 5px #000000;
}

#formulario .submit{
padding: 2px 4px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#formulario .submit:hover {
	opacity:.55;
    cursor: pointer;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#fff));
	background-image: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #BBBBBB);
    color: #fff;
}
#formulario .submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset;
}

#contenido{
	background-color:#F7F8FB;
	background: -moz-linear-gradient(100% 150% 100deg, #E0E2E0, #F7F8FB  100%);
	height:600px;
	width:500px;
	border-radius: 15px; 
}

table{
	padding-top:5px;
	margin-left:25px;
	width:auto;
}
td{	
	padding:10px;
}
input:focus, select:focus {
   background: #7EDBFF;
   background: -moz-linear-gradient(top, #A3F2FF 0%, #7EDBFF 20%); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3F2FF), color-stop(20%,#7EDBFF)); /* webkit */
   }
   
   input, select {
   background: #A3F2FF;
   background: -moz-linear-gradient(top, #7EDBFF 0%, #A3F2FF 20%); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7EDBFF), color-stop(20%,#A3F2FF)); /* webkit */
   border-radius: 5px; 
   border-color: blue;
   width:185px;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   -moz-box-shadow: 0px 1px 0px #f2f2f2;
   -webkit-box-shadow: 0px 1px 0px #f2f2f2;
   font-family: sans-serif; 
   font-size: 16px; color: #020202;
   /*text-transform: uppercase;*/ 
   text-shadow: 0px -1px 0px #334f71;
   }
   label {
   float: left; clear: left;
   margin: 11px 20px 0 0; 
   width: 95px;
   text-align: right; 
   font-size: 16px; 
   color: #445668;
  /* text-transform: uppercase; */
   text-shadow: 0px 1px 0px #f2f2f2;
   }
   #boton{
 margin:4px;
 width:auto;
padding: 2px 4px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#boton:hover {
	opacity:.55;
    cursor: pointer;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#fff));
	background-image: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #BBBBBB);
    color: #fff;
}
#boton:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset;
}